草庐IT

css - 居中 Canvas

全部标签

javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗?

我想以编程方式将CSScursor值设置为-webkit-grab和-moz-grab。例如,在样式表中,它将表示为mySelector{cursor:-webkit-grab;cursor:-moz-grab;}所以在这里,mySelector元素定义了两次光标。Webkit浏览器使用第一个定义,Firefox使用第二个。我想知道Javascript中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class),但我的问题更多是出于好奇,看看是否可行,而不是解决我目前遇到的现实问题。编辑澄清一下-我发布的CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - fengyuanchen Cropper - 如果旋转,如何使图像适合 Canvas ?

我浏览了fengyuanchen的cropper文档。如果旋转,我希望图像默认适合Canvas。但我找不到实现这一目标的方法。知道如何实现此功能吗?我希望它成为默认值:link在此处查看问题演示:link 最佳答案 我修复了此行为,但出于我的特殊需要。我只需要一个旋转按钮,它可以将图像旋转90°。出于其他目的,您可以扩展/更改我的修复。它通过动态更改cropbox尺寸以“严格”模式工作。这是我想要旋转图像时调用的函数。啊,另外,错位错误也已修复。var$image;functioninitCropper(){$image=$('.i

javascript - 你怎么能抓取dom中的元素并在没有id的情况下应用不同的css?

我在这里有点困惑。我正在做一个动态元素,我想应用不同的css具有相同类但没有id的div。我如何将不同的css应用到具有相同类的第一个div,然后不同的css到同一类的第二个div等等......假设我将fullwidthContainer类应用于3divs对于第一个div,我想要宽度1000px,第二个我想要800px等等。我不能在这里给出id或其他类,因为它是动态生成的。请帮忙。谢谢。好的,我是用javascript做的functionemphatic(){vartotalContainers=document.getElementsByClassName('fullwidthCo

javascript - 如何在 fabric.js 中用 Canvas 保存图像

我正在创建一个T恤定制应用程序,其中我使用CSS将Canvas放在图像上,但问题是将该图像保存为Canvas。toDataURL只给出了Canvas区域的一部分,但我想要整个图像。StackOverflow上有其他解决方案,但它们没有解决这个问题。 最佳答案 你好,您必须创建一个包含消息的文本对象的图像对象(T恤)。为此,使用fabric.Image.fromURL()函数加载图像,并在函数内部创建一个文本对象,用于显示T恤消息。因此,您的图像和文本属于一个组对象。每次您要加载新文本时,您都调用loadText函数并更改文本对象。我

javascript - 检查 CSS 选择器是否有效

我有一个供用户输入CSS选择器的字段,我想检查它是否有效(根据css3specification)。我尝试使用css3specification中的表达式正如anotherstackoverflowtopic中所建议的那样,但它不起作用-我构建的正则表达式与有效的选择器不匹配。我现在所拥有的只是:try{document.querySelector(selector);}catch(e){//handlebadinput}但这似乎不是一个好的解决方案-querySelector函数是为获取元素而设计的,检查选择器只是一个副作用。此外,它不提供有关选择器问题的任何信息。我正在寻找类似do

javascript - 将 Canvas 图像作为 multipart/form-data 类型的 Blob 上传到 facebook

我正在尝试使用facebookapi从我保存在页面上的Canvas上传图像:varfile=dataURItoBlob(canvas.toDataURL('image/jpeg',1.0))FB.api('/me/photos','POST',{source:file,message:'photodescription'},function(response){console.log(response)})这是blob转换器:functiondataURItoBlob(dataURI){varbyteString=atob(dataURI.split(',')[1]);varab=ne

javascript - 如何在 base64 中编码用 jspdf 和 html2canvas 生成的文件?

我正在尝试对附加代码中生成的文档进行编码,但没有任何反应,没有生成错误但也不对文件进行编码,并且永远不会执行ajaxrequest什么是正确的方法?html2canvas(document.getElementById("workAreaModel"),{onrendered:function(canvas){varimg=canvas.toDataURL("image/png");vardoc=newjsPDF("l","pt","letter");doc.addImage(img,'JPEG',20,20);varfileEncode=btoa(doc.output());$.aj

javascript - 删除类时如何避免 css 转换(旋转)?

我想通过向其添加CSS类来旋转元素onclick。问题是,当删除相同的CSS类时,元素会第二次旋转。fiddle:https://jsfiddle.net/L3x2zhd1/1/JS:varel=document.getElementById('el');el.onclick=function(){el.className='rotate'setTimeout(function(){el.className=''},1000)};CSS:#el{width:50px;height:50px;background-color:red;-webkit-transition:-webkit-

javascript - WebPack如何将所有的css文件放到一个css文件中

我是WebPack的新手,我希望能够获取一个CSS文件目录(.app/styles/[css文件...])并将它们输出到一个CSS文件(dist/styles.css).目前,所有的JavaScript文件都被编译成一个单独的“index_bundle.js”文件,这是完美的,但我想为我的CSS文件实现同样的效果。经过大量“谷歌搜索”后,我发现WebPack的ExtractTextPlugin应该能够帮助解决这个问题,但这只适用于添加到“entry”属性的一个CSS文件(例如:entry:{style:"./app/styles/style.css"})然后作为链接标记添加到html的